<!--
 * @Author       : xiaoxiaoguai
 * @Date         : 2025-07-25 11:28:01
 * @LastEditors  : Please set LastEditors
 * @LastEditTime : 2025-07-26 14:32:47
 * @Description  : 
-->
<template>
	<modal2 :show="detailModalVisible" @cancel="closeDetailModal" width="80%">
		<view class="adsBox">
            <image
                style="width: 100%; height: 100%"
                src="http://121.224.76.39:8002/qingzhen/20250822/Snipaste_2025-08-22_14-52-26_1755845645458.png">
            </image>
        </view>
	</modal2>
</template>

<script setup>
	import { ref, computed, nextTick } from 'vue'
	import { onLoad, onShow, onPullDownRefresh, onHide } from '@dcloudio/uni-app'
	import { couponReceive, couponMine, couponIndexApi } from '@/api/coupon'
	// 暴露方法给父组件调用
	import { usePage } from '@/store/page'
	import { closeAdsModal } from '@/hooks/useAdsModal'
	const baseStore = usePage()
	import { storeToRefs } from 'pinia'
	const { commonAdsModal } = storeToRefs(baseStore)
	const detailModalVisible = computed(() => commonAdsModal.value)
	const closeDetailModal = () => {
		closeAdsModal()
	}
</script>

<style lang="scss" scoped>
.adsBox{
    width: 100%;
    height: 40vh;
    border-radius: 20rpx;
    overflow: hidden;
}
</style>
